<template>
    <div class="mod-config">
        <basic-container>
            <navigation :sign="{a:true,b:false,c:false,d:false,e:false}"></navigation>
            <div class="boxsty zhiBiao">
                <div :height="searchheight">
                    <span
                        style="float: right; margin-top: -30px; cursor: pointer"
                        @click="searchchangeadvanced"
                        >{{ searchadvanced ? "查询条件收起" : "查询条件展开" }}
                        
                        <i
                        :class="
                            searchadvanced ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
                        "
                        />
                    </span>
                    <div v-show="searchadvanced">
                         <el-form
                            :inline="true"
                            :model="form"
                            @keyup.enter.native="getDataList()"
                            class="form-inline"
                            label-width="100px"
                            >  
                            <el-form-item label="负责部门">
                                <el-select
                                style="width: 150px"
                                v-model="form.department"
                                placeholder="请选择"
                                :clearable="true"
                                >
                                <el-option value="3" label="中国石油集团共享运营有限公司"></el-option>
                                <el-option value="2" label="吉林业务部"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="姓名">
                                <el-input
                                style="width: 150px"
                                v-model="form.name"
                                placeholder="姓名"
                                :clearable="true"
                                ></el-input>
                            </el-form-item>
                            <el-form-item label="编号">
                                <el-input
                                style="width: 150px"
                                v-model="form.code"
                                placeholder="编号"
                                :clearable="true"
                                ></el-input>
                            </el-form-item>
                            <el-form-item label="状态">
                                <el-select
                                style="width: 150px"
                                v-model="form.status"
                                placeholder="请选择"
                                :clearable="true"
                                >
                                <el-option value="3" label="未发放"></el-option>
                                <el-option value="2" label="已发放"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item>
                                <el-button
                                icon="el-icon-search"
                                type="primary"
                                class="marginLeft"
                                @click="getDataList(1)"
                                >检索
                                </el-button>
                            </el-form-item>
                         </el-form>       
                    </div>
                    <div>
                        <el-tooltip
                            class="item"
                            effect="dark"
                            content="导入"
                            placement="top"
                        >
                            <el-upload
                            action=""
                            :headers="headers"
                            class="upload-demo inline-block"
                            :multiple="false"
                            :show-file-list="false"
                            style="padding-right:10px">
                            <el-button icon="el-icon-upload" size="small" type="success" circle></el-button>
                            </el-upload>
                        </el-tooltip>
                        <el-tooltip
                            class="item"
                            effect="dark"
                            content="新增个人奖惩"
                            placement="top"
                            v-model="isShow"
                        >
                            <el-button
                            icon="el-icon-plus"
                            type="primary"
                            circle
                            ></el-button>
                        </el-tooltip>
                        <el-tooltip
                            class="item"
                            effect="dark"
                            content="批量添加奖惩"
                            placement="bottom"
                            v-model="isShowTwo"
                        >
                            <el-button
                            icon="el-icon-plus"
                            type="primary"
                            circle
                            ></el-button>
                        </el-tooltip>
                        <el-tooltip
                            class="item"
                            effect="dark"
                            content="模板下载"
                            placement="top"
                        >
                            <el-button
                            icon="el-icon-download"
                            type="info"
                            circle
                            ></el-button>
                        </el-tooltip>
                        <el-tooltip
                            class="item"
                            effect="dark"
                            content="批量删除"
                            placement="top-start"
                        >
                            <el-button
                            type="danger"
                            icon="el-icon-delete"
                            circle
                            ></el-button>
                        </el-tooltip>
                    </div>
                </div>    
            </div>
        </basic-container>
    </div>
</template>
<script>
import store from "@/store";
export default {
    data(){
        return{
            headers: {
                Authorization: "Bearer " + store.getters.access_token,
            },
            searchadvanced: true,
            searchheight: "0",
            form:{},
            isShow: true,
            isShowTwo:true
        }
    },
    methods:{
        getDataList(){

        },
        searchchangeadvanced() {
            this.searchadvanced = !this.searchadvanced;
            if (this.searchadvanced) {
                this.searchheight = "50";
            }
        },
    }
}
</script>